<template>
    <div>
       <table border="1">
            <tr v-for="(item,index) in list" :key="index">
            <td>{{item.text}}</td>
            <td>{{item.state}}<input type="checkbox" :checked="item.state==true?true:false"></td>
            </tr>
            <tr>
            </tr>
        </table>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list:[],
            tableList: [
                {
                "cell1":{"text":"李四1","state":true},
                "cell2":{"text":"李四4","state":true},
                "cell3":{"text":"李四13","state":true}
                },
                {
                "cell":{"text":"李四1","state":true},
                "cell2":{"text":"李四2","state":true},
                "cell3":{"text":"李四13","state":false}
                },
                {
                "cell":{"text":"王五7","state":true},
                "cell2":{"text":"李四2","state":true},
                "cell3":{"text":"李四9","state":false}
                }
            ]
        }
    },
    created(){
        this.show()
    },
    methods:{
        show(){
            this.tableList.forEach(item =>{
                Object.values(item)
                // console.log(Object.values(item));
                this.list.push(...Object.values(item))
            });
            console.log(this.list);
        }

        
        
    }
    

}
</script>